Skip to content

feat: premium UI redesign - design system, auth pages, dashboard CSS, focus mode & smart paste#736

Open
lucifers-0666 wants to merge 10 commits into
Charushi06:mainfrom
lucifers-0666:feature/product-redesign-v2
Open

feat: premium UI redesign - design system, auth pages, dashboard CSS, focus mode & smart paste#736
lucifers-0666 wants to merge 10 commits into
Charushi06:mainfrom
lucifers-0666:feature/product-redesign-v2

Conversation

@lucifers-0666
Copy link
Copy Markdown

🚀 Premium UI Redesign

This PR brings a complete premium dark SaaS redesign to StudyPlan.

✅ What's Changed

Auth Flow

  • Added signin.html — standalone sign-in page with form, Enter key support, loading state & error handling
  • Added signup.html — standalone sign-up page, redirects to signin after registration
  • Added css/auth.css — scoped auth stylesheet, responsive down to 375px
  • Added js/auth.js — shared auth utilities: getUser(), logout(), requireAuth() guard
  • Removed floating auth modal from index.html, added requireAuth() guard

Dashboard CSS (css/index.css)

  • Glass blur navbar with search bar, avatar, notification dot
  • Collapsible sidebar with active indicators and subject list
  • 4-column stat cards with hover lift animation
  • Calendar grid with today highlight and task dots
  • Task groups with priority dots and overdue/soon deadline colors
  • Focus mode with breathing timer animation
  • Smart Paste panel with extract preview and Add to Planner CTA
  • Full responsive layout (768px, 480px breakpoints)

Bug Fixes

📱 Responsive

Tested at 375px (mobile), 768px (tablet), 1024px, 1280px+


Part of GSSoC 2026 contribution

- Added signin.html — standalone sign-in page with proper <form>,
  Enter key support, loading state, and error handling
- Added signup.html — standalone sign-up page with same UX polish,
  redirects to signin.html after successful registration
- Added css/auth.css — scoped auth stylesheet, zero overlap with
  dashboard styles, responsive down to 375px
- Added js/auth.js — shared auth utilities: getUser(), logout(),
  requireAuth() auth guard, auto-wires logout button on any page
- Updated index.html — removed floating auth modal entirely,
  added requireAuth() guard so unauthenticated users redirect to
  /signin.html, wired /js/auth.js for logout + session management

Auth flow:
  Unauthenticated → index.html redirects to /signin.html
  Successful login → /signin.html redirects to /
  Successful signup → /signup.html redirects to /signin.html
  Logout → redirects to /signin.html

Fixes Charushi06#562 — Enter key now works via native form submit semantics
…harushi06#534

- fix(Charushi06#536): add missing + operator between renderGroup calls in renderTasks()
- fix(Charushi06#523): badge counts are already dynamic in renderTasks(); removed duplicate addItemsBtn event listener that caused double-add bug (Charushi06#521)
- fix(Charushi06#534): add MIT LICENSE file
…e modal, dark mode, toast notifications, mobile layout & duplicate button
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant